Blueprint
<style> [name*="test_pagination_"] .content { color:rgb(33, 0, 235)!important; background-color: rgb(255, 255, 255)!important;transition:all 0.3s;} [name*="test_pagination_"] .content span {color:rgb(33, 0, 235)!important;transition:all 0.3s;} [name*="test_pagination_"].active .content { color:#fff!important;background-color: rgb(33, 0, 235)!important;transition:all 0.3s; } [name*="test_pagination_"].active .content span {color:#fff!important;transition:all 0.3s;} [name*="test_pagination_"].show {top:150px!important;} [name*="step_"].show {top:135px!important;left: 513px!important;} [name="back-btn"] {left: 30px!important;top: 710px!important;cursor:pointer;} /* Проставляем позицию для каждого варианта ответа */ .step-q-wrap {top:120px;position:absolute;width:100%;} .step-q-wrap .step-q-var-list { margin-top:55px; position:relative; } .step-q-wrap .step-q-var-list > div { border-color: rgb(33, 0, 235); border-width: 3px; border-style: solid; background-color: rgb(255, 255, 255); border-radius: 23px; width: 517px; height: 82px; padding: 5px 25px 5px 24px; color: rgb(33, 0, 235); font-size: 23px; font-weight: 200; font-style: normal; font-family: gerbera; display: flex; align-items: center; cursor:pointer; transition: all 0.3s; line-height: 21px; } .step-q-title { line-height: 26px; margin-left: 520px; color: rgb(33, 0, 235); font-size: 23px; text-transform: uppercase; font-family: gerbera; font-weight: 200; font-style: normal; letter-spacing: 0.4px; min-height: 100px; display: flex; align-items: center; } .step-q-wrap .step-q-var-list > div:hover { background:#2100eb; transition: all 0.3s; color:#fff; } .step-q-wrap .step-q-var-list > div span { display:inline-block; width:50px; margin-right: 5px; } .step-q-var-list .q-var-1{position:absolute;top:0px;left:30px;} .step-q-var-list .q-var-2{position:absolute;top:94px;left:30px;} .step-q-var-list .q-var-3{position:absolute;top:188px;left:30px;} .step-q-var-list .q-var-4{position:absolute;top:282px;left:30px;} .step-q-var-list .q-var-5{position:absolute;top:0px;left:599px;} .step-q-var-list .q-var-6{position:absolute;top:94px;left:599px;} .step-q-var-list .q-var-7{position:absolute;top:188px;left:599px;} .step-q-var-list .q-var-8{position:absolute;top:282px;left:599px;} [name*="result_"]{display:none;} [name="result_1_1"]{left:57px!important;} [name="result_1_2"]{left:286px!important;} [name="result_1_3"]{left:159px!important;} [name="result_1_4"]{left:1031px!important;} [name="result_1_5"]{left:13px!important;} [name="result_1_6"]{left:104px!important;} [name="result_1_7"]{left:431px!important;} [name="result_1_8"]{left:675px!important;} [name="result_1_9"]{left:701px!important;} [name="result_1_010"]{left:851px!important;} [name="result_1_011"]{left:637px!important;} [name="result_1_012"]{left:1104px!important;} [name="result_1_013"]{left:1062px!important;} [name="result_1_014"]{left:851px!important;} [name="result_1_015"]{left:173px!important;} [name="result_1_016"]{left:173px!important;} [name="result_1_017"]{left:13px!important;} [name="result_1_018"]{left:45px!important;} [name="result_1_019"]{left:607px!important;} [name="result_1_020"]{left:551px!important;} [name="result_1_021"]{left:694px!important;} [name="result_1_022"]{left:630px!important;} [name="result_1_023"]{left:531px!important;} [name="result_2_1"]{left:92px!important;} [name="result_2_2"]{left:298px!important;} [name="result_2_3"]{left:64px!important;} [name="result_2_4"]{left:1010px!important;} [name="result_2_5"]{left:15px!important;} [name="result_2_6"]{left:444px!important;} [name="result_2_7"]{left:691px!important;} [name="result_2_8"]{left:850px!important;} [name="result_2_9"]{left:653px!important;} [name="result_2_010"]{left:646px!important;} [name="result_2_011"]{left:691px!important;} [name="result_2_012"]{left:676px!important;} [name="result_2_013"]{left:1007px!important;} [name="result_2_014"]{left:906px!important;} [name="result_2_015"]{left:697px!important;} [name="result_2_016"]{left:704px!important;} [name="result_2_017"]{left:913px!important;} [name="result_2_018"]{left:868px!important;} [name="result_2_019"]{left:55px!important;} [name="result_2_020"]{left:511px!important;} [name="result_2_021"]{left:47px!important;} [name="result_2_022"]{left:623px!important;} [name="result_3_1"]{left:88px!important;} [name="result_3_2"]{left:286px!important;} [name="result_3_3"]{left:95px!important;} [name="result_3_4"]{left:976px!important;} [name="result_3_5"]{left:3px!important;} [name="result_3_6"]{left:434px!important;} [name="result_3_7"]{left:687px!important;} [name="result_3_8"]{left:627px!important;} [name="result_3_9"]{left:640px!important;} [name="result_3_010"]{left:1067px!important;} [name="result_3_011"]{left:855px!important;} [name="result_3_012"]{left:41px!important;} [name="result_3_013"]{left:497px!important;} [name="result_3_014"]{left:832px!important;} [name="result_3_015"]{left:669px!important;} [name="result_3_016"]{left:664px!important;} [name="result_3_017"]{left:1078px!important;} [name="result_3_018"]{left:627px!important;} [name="result_3_019"]{left:634px!important;} [name="result_3_020"]{left:976px!important;} [name="result_3_021"]{left:34px!important;} [name="result_3_022"]{left:612px!important;} [name="result_4_1"]{left:39px!important;} [name="result_4_2"]{left:285px!important;} [name="result_4_3"]{left:91px!important;} [name="result_4_4"]{left:1047px!important;} [name="result_4_5"]{left:16px!important;} [name="result_4_6"]{left:432px!important;} [name="result_4_7"]{left:692px!important;} [name="result_4_8"]{left:626px!important;} [name="result_4_9"]{left:633px!important;} [name="result_4_010"]{left:968px!important;} [name="result_4_011"]{left:56px!important;} [name="result_4_012"]{left:512px!important;} [name="result_4_013"]{left:833px!important;} [name="result_4_014"]{left:643px!important;} [name="result_4_015"]{left:650px!important;} [name="result_4_016"]{left:1077px!important;} [name="result_4_017"]{left:822px!important;} [name="result_4_018"]{left:71px!important;} [name="result_4_019"]{left:534px!important;} [name="result_4_020"]{left:224px!important;} [name="result_4_021"]{left:224px!important;} [name="result_4_022"]{left:55px!important;} [name="result_4_023"]{left:38px!important;} [name="result_4_024"]{left:614px!important;} [name="result_5_1"]{left:89px!important;} [name="result_5_2"]{left:285px!important;} [name="result_5_3"]{left:43px!important;} [name="result_5_4"]{left:1017px!important;} [name="result_5_5"]{left:17px!important;} [name="result_5_6"]{left:433px!important;} [name="result_5_7"]{left:684px!important;} [name="result_5_8"]{left:42px!important;} [name="result_5_9"]{left:549px!important;} [name="result_5_010"]{left:796px!important;} [name="result_5_011"]{left:892px!important;} [name="result_5_012"]{left:661px!important;} [name="result_5_013"]{left:654px!important;} [name="result_5_014"]{left:654px!important;} [name="result_5_015"]{left:661px!important;} [name="result_5_016"]{left:902px!important;} [name="result_5_017"]{left:534px!important;} [name="result_5_018"]{left:105px!important;} [name="result_5_019"]{left:105px!important;} [name="result_5_020"]{left:17px!important;} [name="result_5_021"]{left:782px!important;} [name="result_5_022"]{left:34px!important;} [name="result_5_023"]{left:610px!important;} [name="result_6_1"]{left:207px!important;} [name="result_6_2"]{left:285px!important;} [name="result_6_3"]{left:105px!important;} [name="result_6_4"]{left:885px!important;} [name="result_6_5"]{left:4px!important;} [name="result_6_6"]{left:435px!important;} [name="result_6_7"]{left:685px!important;} [name="result_6_8"]{left:635px!important;} [name="result_6_9"]{left:643px!important;} [name="result_6_010"]{left:872px!important;} [name="result_6_011"]{left:695px!important;} [name="result_6_012"]{left:702px!important;} [name="result_6_013"]{left:872px!important;} [name="result_6_014"]{left:55px!important;} [name="result_6_015"]{left:511px!important;} [name="result_6_016"]{left:650px!important;} [name="result_6_017"]{left:657px!important;} [name="result_6_018"]{left:1084px!important;} [name="result_6_019"]{left:809px!important;} [name="result_6_020"]{left:225px!important;} [name="result_6_021"]{left:31px!important;} [name="result_6_022"]{left:609px!important;} [name="result_7_1"]{left:74px!important;} [name="result_7_2"]{left:284px!important;} [name="result_7_3"]{left:125px!important;} [name="result_7_4"]{left:1009px!important;} [name="result_7_5"]{left:1px!important;} [name="result_7_6"]{left:432px!important;} [name="result_7_7"]{left:683px!important;} [name="result_7_8"]{left:50px!important;} [name="result_7_9"]{left:564px!important;} [name="result_7_010"]{left:854px!important;} [name="result_7_011"]{left:651px!important;} [name="result_7_012"]{left:645px!important;} [name="result_7_013"]{left:688px!important;} [name="result_7_014"]{left:695px!important;} [name="result_7_015"]{left:910px!important;} [name="result_7_016"]{left:654px!important;} [name="result_7_017"]{left:661px!important;} [name="result_7_018"]{left:1088px!important;} [name="result_7_019"]{left:923px!important;} [name="result_7_020"]{left:159px!important;} [name="result_7_021"]{left:33px!important;} [name="result_7_022"]{left:609px!important;} [name="result_8_1"]{left:76px!important;} [name="result_8_2"]{left:284px!important;} [name="result_8_3"]{left:97px!important;} [name="result_8_4"]{left:1023px!important;} [name="result_8_5"]{left:16px!important;} [name="result_8_6"]{left:432px!important;} [name="result_8_7"]{left:685px!important;} [name="result_8_8"]{left:812px!important;} [name="result_8_9"]{left:1092px!important;} [name="result_8_010"]{left:925px!important;} [name="result_8_011"]{left:822px!important;} [name="result_8_012"]{left:1102px!important;} [name="result_8_013"]{left:950px!important;} [name="result_8_014"]{left:822px!important;} [name="result_8_015"]{left:1102px!important;} [name="result_8_016"]{left:245px!important;} [name="result_8_017"]{left:472px!important;} [name="result_8_018"]{left:33px!important;} [name="result_8_019"]{left:609px!important;} .step-q-var-list > div > img {max-width:60px;} </style> <script> let steps_info = { 'step_1' : { 'q' : 'НАЧНЕМ С ПРОСТОГО. КАКОЙ ЭМОДЗИ ВАМ НРАВИТСЯ<br> БОЛЬШЕ ОСТАЛЬНЫХ?', 'a_1' : '<span>a)</span> <img data-srcset="/upload/27402/vms/de790a9e22735f6b65cb8f526bcfe9dd.svg 2x" data-src="/upload/27402/vms/de790a9e22735f6b65cb8f526bcfe9dd.svg" data-original-src="/upload/27402/vms/de790a9e22735f6b65cb8f526bcfe9dd.svg" srcset="/upload/27402/vms/de790a9e22735f6b65cb8f526bcfe9dd.svg 2x" src="/upload/27402/vms/de790a9e22735f6b65cb8f526bcfe9dd.svg" data-ll-status="loaded" class="loaded">', 'a_2' : '<span>b)</span> <img data-srcset="/upload/27402/vms/5c440e993092810bbe3ffeb322feafae.svg 2x" data-src="/upload/27402/vms/5c440e993092810bbe3ffeb322feafae.svg" data-original-src="/upload/27402/vms/5c440e993092810bbe3ffeb322feafae.svg" srcset="/upload/27402/vms/5c440e993092810bbe3ffeb322feafae.svg 2x" src="/upload/27402/vms/5c440e993092810bbe3ffeb322feafae.svg" data-ll-status="loaded" class="loaded">', 'a_3' : '<span>c)</span> <img data-srcset="/upload/27402/vms/e4f64d260d11ecdd0a0c220f24b73b89.svg 2x" data-src="/upload/27402/vms/e4f64d260d11ecdd0a0c220f24b73b89.svg" data-original-src="/upload/27402/vms/e4f64d260d11ecdd0a0c220f24b73b89.svg" srcset="/upload/27402/vms/e4f64d260d11ecdd0a0c220f24b73b89.svg 2x" src="/upload/27402/vms/e4f64d260d11ecdd0a0c220f24b73b89.svg" data-ll-status="loaded" class="loaded">', 'a_4' : '<span>d)</span> <img data-srcset="/upload/27402/vms/00aaec249c113c3f9b88d30d499b8a73.svg 2x" data-src="/upload/27402/vms/00aaec249c113c3f9b88d30d499b8a73.svg" data-original-src="/upload/27402/vms/00aaec249c113c3f9b88d30d499b8a73.svg" srcset="/upload/27402/vms/00aaec249c113c3f9b88d30d499b8a73.svg 2x" src="/upload/27402/vms/00aaec249c113c3f9b88d30d499b8a73.svg" data-ll-status="loaded" class="loaded">', 'a_5' : '<span>e)</span> <img data-srcset="/upload/27402/vms/174e84b377ddefe12e9bd8c083df2c75.svg 2x" data-src="/upload/27402/vms/174e84b377ddefe12e9bd8c083df2c75.svg" data-original-src="/upload/27402/vms/174e84b377ddefe12e9bd8c083df2c75.svg" srcset="/upload/27402/vms/174e84b377ddefe12e9bd8c083df2c75.svg 2x" src="/upload/27402/vms/174e84b377ddefe12e9bd8c083df2c75.svg" data-ll-status="loaded" class="loaded">', 'a_6' : '<span>f)</span> <img data-srcset="/upload/27402/vms/2f17864f46d6beeef03f1069add43be9.svg 2x" data-src="/upload/27402/vms/2f17864f46d6beeef03f1069add43be9.svg" data-original-src="/upload/27402/vms/2f17864f46d6beeef03f1069add43be9.svg" srcset="/upload/27402/vms/2f17864f46d6beeef03f1069add43be9.svg 2x" src="/upload/27402/vms/2f17864f46d6beeef03f1069add43be9.svg" data-ll-status="loaded" class="loaded">', 'a_7' : '<span>g)</span> <img data-srcset="/upload/27402/vms/d34245225a1fdd1a1e040865df5ca023.svg 2x" data-src="/upload/27402/vms/d34245225a1fdd1a1e040865df5ca023.svg" data-original-src="/upload/27402/vms/d34245225a1fdd1a1e040865df5ca023.svg" srcset="/upload/27402/vms/d34245225a1fdd1a1e040865df5ca023.svg 2x" src="/upload/27402/vms/d34245225a1fdd1a1e040865df5ca023.svg" data-ll-status="loaded" class="loaded">', 'a_8' : '<span>h)</span> Никакой', }, 'step_2' : { 'q' : 'ВЫ ПРИЕХАЛИ В ГОСТИ К РОДИТЕЛЯМ, ВКЛЮЧИЛИ<br> ТЕЛЕВИЗОР И ТЕПЕРЬ КЛАЦАЕТЕ КАНАЛЫ В ПОИСКЕ<br> ФИЛЬМА НА ВЕЧЕР. КАКОЙ ВЫБЕРЕТЕ?', 'a_1' : '<span>a)</span> «Белоснежка»', 'a_2' : '<span>b)</span> «Как избавиться от парня за 10 дней» ', 'a_3' : '<span>c)</span> То, что в детское время по телевизору<br> не показывают', 'a_4' : '<span>d)</span> «Романовы: венценосная семья»', 'a_5' : '<span>e)</span> «Жизнь в розовом цвете» или «Розовую<br> пантеру» ', 'a_6' : '<span>f)</span> «Любовь по правилам и без» с Дайан <br>Китон, конечно', 'a_7' : '<span>g)</span> Документалку про удивительные<br> приключения водорослей', 'a_8' : '<span>h)</span> Никакой', }, 'step_3' : { 'q' : 'ДАНО: ПАРИЖ, ПАРА ЧАСОВ СВОБОДНОГО ВРЕМЕНИ<br> И €€€€ НА КАРТЕ. КУДА ИДЕМ?', 'a_1' : '<span>a)</span> В Carhartt — за чем-нибудь удобным и на века', 'a_2' : '<span>b)</span> В Diesel ', 'a_3' : '<span>c)</span> В Versace', 'a_4' : '<span>d)</span> В винтажку. Может, найдется бомбер<br> или сумка Launer?»', 'a_5' : '<span>e)</span> В Valentino ', 'a_6' : '<span>f)</span> За трикотажем в Loro Piana', 'a_7' : '<span>g)</span> За чем-то нарядным и в пайетках. Paco Rabanne?', 'a_8' : '<span>h)</span> Никуда ', }, 'step_4' : { 'q' : 'APPLE ВЫПУСТИЛИ НОВЫЙ IPHONE ULTRA — В КУЧЕ<br> РАЗНЫХ ЦВЕТОВ. КАКОЙ БЕРЕМ?', 'a_1' : '<span>a)</span> Темно-изумрудный', 'a_2' : '<span>b)</span> А есть версия Y2K? Со стразами? ', 'a_3' : '<span>c)</span> Что тут думать — черный', 'a_4' : '<span>d)</span> Благородный фиолетовый', 'a_5' : '<span>e)</span> Розовый', 'a_6' : '<span>f)</span> Зачем мне новый источник раздражения!<br> Есть чем заняться и без него', 'a_7' : '<span>g)</span> Цвета морской волны', 'a_8' : '<span>h)</span> Никакой', }, 'step_5' : { 'q' : 'ОТВЕТСТВЕННЫЙ ХОД: ВАМ ПРЕДСТОИТ ВЫБРАТЬ<br> ГЛАВНЫЙ БЬЮТИ-ТРЕНД 2023 ГОДА. ЧТО ЭТО БУДЕТ?', 'a_1' : '<span>a)</span> Борода', 'a_2' : '<span>b)</span> Коричневый карандаш для губ ', 'a_3' : '<span>c)</span> Смоки', 'a_4' : '<span>d)</span> Мушка и розовые румяна', 'a_5' : '<span>e)</span> Блеск для губ ', 'a_6' : '<span>f)</span> Седина ', 'a_7' : '<span>g)</span> Мокрая укладка', 'a_8' : '<span>h)</span> Ничего из этого ', }, 'step_6' : { 'q' : 'ДРУЗЬЯ СКИНУЛИ ПОДБОРКУ ЗАРУБЕЖНЫХ ТИКТОКОВ.<br> КАКОЙ ПОСМОТРИТЕ ПЕРВЫМ?', 'a_1' : '<span>a)</span> Из аккаунта House and Garden ', 'a_2' : '<span>b)</span> С аффирмациями. I am the main <br> character of my life…', 'a_3' : '<span>c)</span> Какой прикажут', 'a_4' : '<span>d)</span> «Were you silent or were you silenced?»', 'a_5' : '<span>e)</span> Как сделать мейкап одним средством —<br> жидкими розовыми тенями ', 'a_6' : '<span>f)</span> Рецепт пасты от Джейми Оливера ', 'a_7' : '<span>g)</span> С тюленями и китами', 'a_8' : '<span>h)</span> Никакой', }, 'step_7' : { 'q' : 'У ВАС ВЫДАЛСЯ ДЭЙ-ОФФ. ГДЕ ЕГО ПРОВЕДЕТЕ?', 'a_1' : '<span>a)</span> В саду! Как Дрис ван Нотен и Карл III', 'a_2' : '<span>b)</span> Не важно где, важно — с кем.<br> *Организовывает свидание* ', 'a_3' : '<span>c)</span> На секс-вечеринке', 'a_4' : '<span>d)</span> Staycation в королевском номере ', 'a_5' : '<span>e)</span> На шопинге. Куплю то самое розовое<br> платье, к которому давно присматриваюсь', 'a_6' : '<span>f)</span> За городом. За готовкой, прогулкой и<br> бокалом вина', 'a_7' : '<span>g)</span> У воды — очень успокаивает', 'a_8' : '<span>h)</span> Нигде', }, 'step_8' : { 'q' : 'И СНОВА ПРО ОТПУСК. ЧЕМОДАНЫ СОБРАНЫ,<br> НО ОСТАЕТСЯ МЕСТЕЧКО ЕЩЕ ДЛЯ ОДНОЙ ВЕЩИ.<br> ЧТО ВОЗЬМЕТЕ С СОБОЙ?', 'a_1' : '<span>a)</span> Уютный свитер. Ну, или любимую куртку<br> с кучей карманов', 'a_2' : '<span>b)</span> Топ-бандо ', 'a_3' : '<span>c)</span> Кожаный ремень. <br>Многофункциональная вещь!', 'a_4' : '<span>d)</span> Нарядный корсет', 'a_5' : '<span>e)</span> Мини-юбку', 'a_6' : '<span>f)</span> Вязаный кардиган, как у @nicholasflannery в запрещенной соцсети ', 'a_7' : '<span>g)</span> Ласты и маску ', 'a_8' : '<span>h)</span> Ничего', }, 'step_9' : { 'q' : 'НАСТРОЕНИЕ — НИЧЕГО НЕ ЧИТАТЬ, НЕ ВИДЕТЬ,<br> НЕ СЛЫШАТЬ. ГДЕ БУДЕТЕ СПАСАТЬСЯ ОТ РЕАЛЬНОСТИ?', 'a_1' : '<span>a)</span> В огороде. Работа помогает отвлечься', 'a_2' : '<span>b)</span> В объятиях прекрасного незнакомца,<br> с которым случайно столкнусь в дверях<br> книжного магазина ', 'a_3' : '<span>c)</span> В темной комнате', 'a_4' : '<span>d)</span> В парке. Желательно таком же<br> живописном, как в романах Джейн Остин', 'a_5' : '<span>e)</span> <div>Куда-нибудь уеду. В идеале — на розовом <a href="https://theblueprint.ru/culture/people/angelyne">Chevrolet Corvette</a></div>', 'a_6' : '<span>f)</span> Для начала выйду на долгую неспешную прогулку ', 'a_7' : '<span>g)</span> Хоть на дне морском ', 'a_8' : '<span>h)</span> Не знаю', }, }; // Добавляем обертку для выводо заголовка и вариантов ответа $( "#article .body").append('<div class="step-q-wrap"><div class="step-q-title"></div><div class="step-q-var-list"><div data-var-id="0" class="q-var-1"></div><div data-var-id="1" class="q-var-2"></div><div data-var-id="2" class="q-var-3"></div><div data-var-id="3" class="q-var-4"></div><div data-var-id="4" class="q-var-5"></div><div data-var-id="5" class="q-var-6"></div><div data-var-id="6" class="q-var-7"></div><div data-var-id="7" class="q-var-8"></div></div></div>'); $( "#article .body .step-q-wrap").hide(); $( '[name="back-btn"]').hide(); //Скрываем все ненужные элементы jQuery('[name*="result_"]').fadeOut(); jQuery('[name*="test_pagination_"]').fadeOut(); jQuery('[name="start_btn"]').on('click', function() { jQuery('[name*="start_"]').fadeOut(); nextStep(1); jQuery('[name*="test_pagination_"]') .delay(300) .queue( function(next){ $(this).addClass('show').fadeIn(); next(); }); jQuery('[name="test_pagination_1"]').addClass('active'); }); var currentStep = 1; var allResult = [0,0,0,0,0,0,0,0]; var last_c = 0; jQuery('#article').on('click', '.step-q-var-list > div' , function() { var cur_v = jQuery(this).data('var-id'); allResult[cur_v]++; last_c = cur_v; nextStep(++currentStep); }); jQuery('#article').on('click', '[name="back-btn"]' , function() { nextStep(--currentStep); allResult[last_c]--; }); function nextStep(id) { if (id == 10) { hideStep(id - 1); jQuery('[name="back-btn"]').fadeOut(); jQuery('[name*="test_pagination_"]').removeClass('active'); jQuery('[name*="test_pagination_"]').fadeOut(); jQuery('.step-q-var-list > div').html(''); showResult(); } else { hideStep(id - 1); jQuery('[name*="test_pagination_"]').removeClass('active'); jQuery('[name="back-btn"]').fadeOut(); setTimeout(function() { jQuery('[name="test_pagination_'+id+'"]').addClass('active'); jQuery('#article .step-q-title').html(steps_info['step_'+id]['q']); jQuery('.step-q-var-list > div').html(''); jQuery('#article .body .step-q-wrap .step-q-var-list div').each(function( index ) { jQuery( this ).html(steps_info['step_'+id]['a_' + (index + 1)]); }); }, 400); if(id != 1) { jQuery('[name="back-btn"]').delay(300).fadeIn(); } jQuery('#article .body .step-q-wrap').delay(300).fadeIn(); } if(id == 1) { jQuery('[name="back-btn"]').fadeOut(); } } function hideStep(id) { jQuery('[name="back-btn"]').fadeOut(); jQuery('#article .body .step-q-wrap').fadeOut(); } var totalResult = ''; function showResult(){ var items = allResult; totalResult = Object.keys(items) .reduce(function(keya, keyb) { return items[keya] > items[keyb] ? keya : keyb; }); totalResult++; jQuery('[name*="result_'+ totalResult + '"]').delay(300).fadeIn().addClass('show'); } jQuery('[name="result_4_023"], [name="result_3_021"], [name="result_2_021"], [name="result_1_018"], [name="result_5_022"], [name="result_6_021"], [name="result_7_021"], [name="result_8_018"]').on('click', function(){ jQuery('[name*="result_"]').fadeOut().removeClass('show'); nextStep(1); currentStep = 1; allResult = [0,0,0,0,0,0,0,0]; jQuery('[name*="test_pagination_"]') .delay(400) .queue( function(next){ $(this).addClass('show').fadeIn(); next(); }); jQuery('[name="test_pagination_1"]').addClass('active'); }); jQuery('[name="result_4_024"], [name="result_3_022"], [name="result_2_022"], [name="result_1_019"], [name="result_5_023"], [name="result_6_022"], [name="result_7_022"], [name="result_8_019"]').on('click', function(e){ e.preventDefault(); var s_url = 'https://vk.com/share.php?url=https://theblueprint.ru/fashion/trends/core-test?customshare=v' + totalResult; window.open(s_url, '', 'toolbar=0,status=0,width=626,height=436'); }); </script>
<style type="text/css"> .tags { color:#2100eb} </style>
T

14 апреля 2023

Ваш кор:

Ваш кор:

Ваш кор:

Ваш кор:

Ваш кор:

Ваш кор:

Ваш кор:

Ваш кор:

текст:

полина садовникова

{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}

Старания трижды оскаровской номинантки Греты Гервиг и дизайнера Пьерпаоло Пиччоли не прошли даром. Как бы ни пытался Pantone обратить внимание и на другие оттенки сезона, на фоне розового — главного цвета в фильме «Барби», коллекциях Valentino и эстетике Barbiecore — все меркнет. Счетчик тиктоков #Barbiecore перевалил за 245 млн просмотров (и к летней премьере ромкома с Марго Робби эта цифра вырастет в разы).

Главный тренд 2023 года по версии Pinterest. Если у вас в голове романтические комедии нулевых смешались в общую кучу из мини-юбок, блесток, платьев-комбинаций, топов-бандо, карго и клипс, считайте, что эстетику Romcom Core вы уже уловили. «Ромкомкор» — это ностальгия по тем временам, когда Линдси Лохан носила по средам розовый («Дрянные девчонки»), а Кейт Хадсон и Мэттью Макконахи пьяным дуэтом выли в микрофон песню You’re So Vain («Как избавиться от парня за 10 дней»). Важно: одежда как у героев ромкомов еще не является пропуском в клуб #RomcomCore. «Людей интересует не просто эстетика нулевых: они хотят чувствовать себя главными (!) героями ромкомов той эпохи», — утверждает команда Pinterest. Эскапизм — наше все.

С КОГО БРАТЬ ПРИМЕР:

с героев ромкомов нулевых

Чешуя из пайеток, мокрая укладка, юбки-сетки, волны из драпировок и сияющая dolphin skin — вот что выдает поклонников Mermaidcore на суше. Пока съемочная команда новой «Русалочки» (да, той самой, с Холли Бейли в роли Ариэль) готовится к промо майской премьеры, Mermaidcore закрепляет за собой звание одного из главных трендов сезона весна-лето 2023. Оно и понятно — кому сейчас не хочется залечь на дно и не вылезать из раковины до тех пор, пока шторм не уляжется?

А любимые магазины — стройматериалов и кожгалантереи. Латексные перчатки, кожаные чокеры и другие составляющие Fetishcore поднялись в топ в том числе благодаря буму сексуальной свободы, Джулии Фокс, Måneskin и Демне, пустившему по импровизированному подиуму посреди Нью-Йоркской фондовой биржи моделей в БДСМ-масках. «Не удивляйтесь, если во время мирового кризиса увидите на подиуме плетки», — говорит ювелирный дизайнер, автор термина «садо шик» (sado chic) и книги «Библия для будуара» Бетони Вернон. По ее словам, в эпоху турбулентности жажда человеческого тепла порой доходит до крайности. Что ж, если Бетони права, Fetishcore с нами надолго.

Долой логоманию, дизайнерские худи и кроссовки за $1000. Пайетки, перья и стразы — это so last season. Если тратиться на одежду, то в JW Anderson, Carhartt и Elder Statesman. Если принты и узоры, то mushroom и fair isle. Если шапка, то бини. И никаких отутюженных воротничков и накрахмаленных рубашек! Последователи Gnomecore уважают небрежность в любых ее проявлениях: будь то помятые брюки, майка с кофейным пятном
или поеденный молью кардиган.

С КОГО БРАТЬ ПРИМЕР:

с любителя свитеров и водолазок Уиллема Дефо, архитектора и дизайнера Гаэтано Пеше, а еще рыбаков и — цитата — «больших и бородатых» художников-импрессионистов

С КОГО БРАТЬ ПРИМЕР:

с Марго Робби в роли «Барби», которая и запустила массовую истерию по Barbiecore. 

Он же Royalcore — главная отрада и safe space всех любителей оборок, корсетов, кружев и кринолинов, монархистов, знатоков британской королевской семьи (также известных как фанаты сериала «Корона»), поклонников «Бриджертонов», «Марии-Антуанетты» и мультфильма «Анастасия».

С КОГО БРАТЬ ПРИМЕР:

понятно с кого

Про Nothingcore рассказывать особо нечего. Это протестное движение против феномена кóров как такового, которое призывает (пока безуспешно) немедленно прекратить а) калечить слова суффиксом core; б) обновлять гардероб под завирусившиеся в тиктоке кóры, чтобы избежать FOMO. Страшный сон борцов за Nothingcore — потерянный зумер Порша из «Белого лотоса», которая одевается так, будто пытается соответствовать всем кóрам одновременно. Как завещала Алена Долецкая, не надо пихать две драмы в одно блюдо — «рядом с горгонзолой не может быть маракуйи».

С КОГО БРАТЬ ПРИМЕР:

с «русалок» на показах Nensi Dojaka, Halpern, Di Petsa, Blumarine, Schiaparelli, Iris Van Herpen 

{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-474,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":3.7,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}

Главный принцип:        

бондаж и дисциплина, доминирование и подчинение, садизм и мазохизм

Во-первых, это база: Coastal Grandmother Core — один из самых популярных коров в соцсетях. Во-вторых, дисклеймер: Coastal Grandmother Core — не только для женщин преклонного возраста, живущих на побережье. Но только для тех, кому нравится их образ жизни, идеализированный и воспетый королевой олдскульных ромкомов Нэнси Майерс («Отпуск по обмену», «Чего хотят женщины», «Любовь по правилам и без»). Долгие прогулки по побережью, готовка, чайные вечеринки и встречи с друзьями за бокалом вина.

Главный принцип:        

никуда не спешить и жить свою лучшую жизнь 

Что ни день, то новый кор: про эстетические направления, которые обозначаются суффиксом core, снимают хитовые тиктоки и выпускают серьезные отчеты. Редактор The Blueprint Полина Садовникова разобралась во всех популярных корах — от Goblincore до Romcomcore — и придумала высокотехнологичный и строго научный тест, который подскажет, какой из трендов подходит именно вам.

ФОРМУЛА:

«Как избавиться от парня за 10 дней» + «Дрянные девчонки» + «Из 13 в 30»

ФОРМУЛА:

H2O

ФОРМУЛА:     

розовый, розовый и еще раз розовый (будет ли это фуксия, бабл-гам или тот самый Valentino Pink, решать вам — оттенок значения не имеет). 

С КОГО БРАТЬ ПРИМЕР:

с героинь Дайан Китон и Мерил Стрип в фильмах Нэнси Мейерс

ФОРМУЛА:     

латекс + кожа 

Главный принцип:        

в любой непонятной ситуации пересматривать «Бриджертонов»

Главный принцип:        

«Gnomecore — это не столько манера одеваться, сколько состояние души, умение радоваться жизни и относиться к ней проще» © AirMail.

Главный принцип:

романтизировать реальность и излучать энергию the main character

Главный (бьюти-) принцип:  

просто добавь воды 

Главный принцип:        

let's go party (ah ah ah yeah)

С КОГО БРАТЬ ПРИМЕР:

с доминатрикс

ФОРМУЛА:     

все, что выглядит по-королевски

ФОРМУЛА:     

? + ?? + ? = любимые эмодзи хозяев аккаунта @_gnomecore 

ФОРМУЛА:     

вязаные кардиганы + оверсайз-рубашки + корзина для пикника 

{"width":1200,"column_width":46,"columns_n":26,"gutter":0,"line":40}
false
767
1300
false
true
true
{"mode":"page","transition_type":"slide","transition_direction":"horizontal","transition_look":"belt","slides_form":{}}
{"css":".editor {font-family: tautz; font-size: 16px; font-weight: 400; line-height: 21px;}"}